<template>
<div class="s404" >
  <div class="head404" :style="{background:'url('+head404+') no-repeat'}"></div>

  <div class="txtbg404">
    <div class="txtbox">
      <p>对不起，您请求的页面不存在、或已被删除、或暂时不可用</p>

      <p class="paddingbox">请点击以下链接继续浏览网页</p>

      <p>
        》
        <a href="/login" style="cursor:pointer">返回上一页面</a>
      </p>

      <p>
        》
        <a href="/login">返回网站首页</a>
      </p>
    </div>
  </div>
</div>
</template>



<script>
export default {
          data(){
               return {
                   head404:require('@/assets/head404.png')
               }
          },
          methods:{
                to_back(){
                   this.$router.push({ path: '/login' })
                }
          },
          mounted(){
                document.title="404"
          }
}
</script>

<style lang="css"   :scope="true" >
.s404{
    background:#494949;
    overflow: hidden;
    height: 100%;
}    
.head404{ width:580px; height:234px; margin:50px auto 0 auto;  }
 
.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/txtbg404.png) no-repeat;}
 
.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}
 
.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}
 
.txtbg404 .txtbox .paddingbox { padding-top:15px;}
 
.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}
 
.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}
</style>